/* ==================
          文本
 ==================== */
$text-min: 10 !default;
$text-max: 80 !default;

$text-size: 28rpx !default;

$text-xs: 20rpx !default;
$text-sm: 24rpx !default;
$text-df: 28rpx !default;
$text-lg: 32rpx !default;
$text-xl: 36rpx !default;
$text-sl: 80rpx !default;

$text-bold: bold !default;
$text-bold-sm: 600 !default;
$text-bold-lg: 800 !default;

$text-color: #000000 !default;             //基本色
$text-color-primary: #FFB800 !default;     //重要文字色
$text-color-secondary: #666666 !default;   //次要文字色
$text-color-inverse: #FFFFFF !default;     //反色
$text-color-grey: #666666 !default;        //辅助灰色，如加载更多的提示信息
$text-color-light: #666666 !default;       //浅色
$text-color-placeholder: #DDDDDD !default; //提示文字色
$text-color-disabled: #999999 !default;    //禁用文字颜色
$text-color-link: #179d5d !default;
$text-color-date: #FA9F00 !default;        //时间颜色
$text-color-: #FA6400 !default;       //价格颜色


$text-family-cn: system-ui !default;
$text-family-en: system-ui !default;
/**
 * 字体大小
 **/
@for $i from $text-min through $text-max {
  .text-#{$i} {
    font-size: #{$i}rpx
  }
}
.text-xs {
 font-size: $text-xs;
}
.text-sm {
 font-size: $text-sm;
}
.text-df {
 font-size: $text-df;
}
.text-lg {
 font-size: $text-lg;
}
.text-xl {
 font-size: $text-xl;
}
.text-sl {
 font-size: $text-sl;
}
/****----****/
/**
 * 首字母大写
 */
.text-Abc {
 text-transform: Capitalize;
}
/**
 * 全大写
 */
.text-ABC {
 text-transform: Uppercase;
}
/**
 * 全小写
 */
.text-abc {
 text-transform: Lowercase;
}
/**
 * 自动裁剪
 */
.text-cut {
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}
/**
 * 加粗
 */
.text-bold-sm {
 font-weight: $text-bold-sm;
}
.text-bold {
 font-weight: $text-bold;
}
.text-bold-lg{
  font-weight: $text-bold-lg;
}
/**
 * 斜体
 */
.text-italic{
  font-style: italic;
}
/**
 * 下画线
 */
.text-underline{
  text-decoration: underline;
}

.text-content {
 line-height: 1.6;
}
/**文字位置**/
.text-center {
 text-align: center;
}
.text-left {
 text-align: left;
}
.text-right {
 text-align: right;
}
/**文字颜色**/
.text-primary{
  color: $text-color-primary;
}
.text-secondary{
  color: $text-color-secondary;
}
.text-inverse{
  color: $text-color-inverse;
}
.text-light{
  color: $text-color-light;
}
.text-grey {
 color: $text-color-grey;
}
.text-placeholder{
  color: $text-color-placeholder;
}
.text-disabled{
  color: $text-color-disabled;
}
.text-link{
  color: $text-color-link;
}
.text-date{
  color: $text-color-date;
}
.text-{
  color: $text-color-;
}
.text-red {
 color: #E02515;
}
.text-orange {
 color: #f37b1d;
}
.text-yellow {
 color: #fbbd08;
}
.text-olive {
 color: #8dc63f;
}
.text-green {
 color: #39b54a;
}
.text-cyan {
 color: #1cbbb4;
}
.text-blue {
 color: #0081ff;
}
.text-purple {
 color: #6739b6;
}
.text-mauve {
 color: #9c26b0;
}
.text-pink {
 color: #e03997;
}
.text-brown {
 color: #a5673f;
}
.text-gray {
 color: #aaaaaa;
}
.text-black {
 color: #000000;
}
.text-white {
 color: #ffffff;
}

.text-between{
  text-align: justify;
  text-align-last: justify;
}